@charset "utf-8";
/* CSS Document */

body{background:#F2F2F2;}

#bannerM{width:1088px; height:200px; margin:auto; position:relative; border-bottom:1px solid #E6E6E6;}
#bannerM .bg{width:100%; height:100%; position:absolute; z-index:1;}
#bannerM p{width:300px; height:40px; font-size:26px; color:#333; position:absolute; z-index:2; top:50px; left:0;}
#bannerM span{display:block; width:800px; height:30px; color:#999; position:absolute; z-index:2; top:93px; left:0;}
#nav{position:absolute; z-index:2; width:800px; height:50px; left:0; top:133px;}
#nav a{display:inline-block; float:left; height:43px; line-height:36px; background:url(images/nav_bg.png) no-repeat right top; padding-left:32px; padding-right:32px; font-weight:bold;}
#nav a:hover,#nav a:active,#nav a.A{background:url(images/nav_bgA.png) no-repeat center top; color:#FFF;}

#main{width:1088px; margin:auto;}
#mainL{width:800px; padding:35px 30px 60px 30px; float:left; border:1px solid #E6E6E6; background:#FFF; border-top:0px none; border-radius:0px 0px 40px 0px; min-height:362px;}
#mainL p {margin-top:9px;}
#mainR{width:204px; float:right;}

.RNews{display:block; width:182px; padding:10px; border:1px solid #E6E6E6; background:#FFF; margin-top:16px;}
.RNews .img img{width:182px; height:134px;}
.RNews .tit{padding-top:7px; color:#888;}

#RDownload{width:204px; height:80px; background:#009E78; margin-top:26px; position:relative;}
#RDownload a{display:block;}

#inline{margin-top:26px;}

#all{width:1026px; padding:35px 30px 69px 30px; border:1px solid #E6E6E6; background:#FFF; border-top:0px none; border-radius:0px 0px 40px 0px; min-height:362px;}
.news{margin-top:20px;}
.news a{display:block;}
.newsL{width:160px; height:118px; float:left; background:url(images/newsT.gif) no-repeat left top; position:relative; overflow:hidden;}
.newsL img.img{width:160px; height:118px; position:absolute; z-index:2; left:0; top:0;}
.newsL .bg{display:block; width:40px; height:100%; background:#008C69; position:absolute; z-index:2; left:-40px; bottom:0; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.newsL img.zoom{width:18px; height:18px; position:absolute; z-index:3; left:-29px; bottom:15px;}
.newsR{width:846px; float:right;}
.newsClear{clear:both; float:none; height:20px; border-bottom:1px dashed #DDD;}
.newsTit{display:block; font-size:17px; color:#464646;}
.newsCon{display:block; line-height:180%; color:#888; padding-top:8px;}
.newsTime{display:block; color:#999; padding-top:7px; font-family:Arial, Tahoma;}

.text{line-height:200%; margin-top:22px;}
.text p{margin-bottom:16px;}
.newsText{font-size:14px !important;}

.back{display:inline-block; width:76px; padding-left:60px; height:50px; line-height:50px; background:url(images/back.png) no-repeat left top; color:#888; font-family:'Ubuntu', Arial, sans-serif; font-size:13px; text-align:left;}
.back:hover,.back:active{color:#009E78; background-position:left bottom;}

#clslist{width:1080px; margin-top:20px;}
#clslist li{width:295px; float:left; margin-right:45px; margin-bottom:30px;}
#clslist li.clear{width:100%; float:none; clear:both; height:35px;}
#clslist li span{display:block;}
#clslist li span.img{width:260px; height:170px;}
#clslist li span.img a img{border-radius:5px; width:260px; height:170px; box-shadow:1px 1px 5px 0px rgba(0,0,0,0.15);}
#clslist li span.img a:hover img,#clslist li span.img a:active img{box-shadow:1px 1px 3px 0px rgba(0,0,0,0.5);}
#clslist li span.title{margin-top:15px; margin-left:-40px;line-height:130%; text-align:center;}
#clslist li span.title a{color:#444; font-size:14px;}
#clslist li span.title a:hover,#clslist li span.title a:active{color:#009E78;}

#clslist2{width:780px; margin-top:20px;}
#clslist2 li{width:220px; float:left; margin-right:35px; margin-bottom:30px;}
#clslist2 li.clear{width:100%; float:none; clear:both; height:35px;}
#clslist2 li span{display:block;}
#clslist2 li span.img{width:220px; height:220px; border:1px solid #ccc;}
#clslist2 li span.img a img{border-radius:5px; width:220px; height:220px; box-shadow:1px 1px 5px 0px rgba(0,0,0,0.15);}
#clslist2 li span.img a:hover img,#clslist li span.img a:active img{box-shadow:1px 1px 3px 0px rgba(0,0,0,0.5);}
#clslist2 li span.title{margin-top:15px; margin-left:40px;line-height:130%; text-align:center;}
#clslist2 li span.title a{color:#444; font-size:14px;}
#clslist2 li span.title a:hover,#clslist li span.title a:active{color:#009E78;}


.prolist{margin-top:10px;}
.prolist li a{display:block; padding:3px 0px 3px 10px; background:url(images/arr1.gif) no-repeat left 8px; color:#459FD3; line-height:130%;}
.prolist li a:hover,.prolist li a:active{color:#009E78; background-position:left -32px;}

#mainC_l{width:220px; float:left;}
#mainC_r{width:770px; float:right; padding-bottom:20px;}

.pro_list li{float:left; width:175px; margin-right:20px;}
.pro_list li a{display:block; padding:3px 11px 3px 2px; color:#666; line-height:130%;}
.pro_list li a img{width:150px; height:150px; padding:1px;}
.pro_list li a span{display:block; padding-top:10px; text-align:center;}
.pro_list li a:hover,.pro_list li a:active{color:#009E78;}
.pro_list li.clear{width:100%; height:23px; clear:both; float:none;}

.prolist_side li{border-bottom:1px solid #E6E6E6;}
.prolist_side li a{background:url(images/list_arr.gif) no-repeat 3px 13px !important; padding:9px 0px 9px 13px !important; font-size:12px;}
.prolist_side li a:hover,.prolist_side li a:active{background:url(images/list_arr.gif) no-repeat 3px -79px !important; color:#009E78;}
.prolist_side_son{padding-bottom:10px !important;}
.prolist_side_son li{border-bottom:0px none;}
.prolist_side_son li a{background:none !important; padding:5px 0px 5px 8px !important;}
.prolist_side_son li a:hover,.prolist_side_son li a:active{background:none !important; padding:5px 0px 5px 8px !important;}
.prolist_side li span.close{background:url(images/plus_minus.gif) no-repeat right 13px !important;}
.prolist_side li span.open{background:url(images/plus_minus.gif) no-repeat right -179px !important;}
.prolist_side_son li span.close{background:url(images/plus_minus.gif) no-repeat right 9px !important;}
.prolist_side_son li span.open{background:url(images/plus_minus.gif) no-repeat right -183px !important;}

#pro_btm{padding-bottom:10px; padding-top:17px; margin-top:25px; border-top:1px solid #E6E6E6;}
#pro_btm ul{display:block; font-size:0px; width:700px; height:65px; overflow:hidden;}
#pro_btm ul li{height:65px; width:300px; float:left; margin-right:20px; overflow:hidden;}
#pro_btm ul li a img{vertical-align:middle; margin-right:7px; display:inline-block; width:48px; height:48px;}
#pro_btm ul li a .span{vertical-align:middle; display:inline-block; width:240px;}
#pro_btm ul li a{font-size:12px !important;}

#tags_content{line-height:150%; padding-top:8px;}
#tags_content table{border-left:1px solid #DDD; border-top:1px solid #DDD;}
#tags_content table td{border-right:1px solid #DDD; border-bottom:1px solid #DDD; padding:5px;}

#caseList{width:800px; margin-top:12px;}
#caseList li{float:left; width:215px; padding:10px; margin-right:28px; margin-bottom:20px; border:1px solid #E6E6E6; border-radius:5px; box-shadow:1px 1px 3px 0px rgba(0,0,0,0.1);}
#caseList li a{display:block; width:210px; text-align:center;}
#caseList li a img{width:210px; height:160px;}
#caseList li a span{display:block; width:210px; text-align:center; padding-top:12px; padding-bottom:5px;}
#caseList li.clear{width:100%; height:10px; border:0px none;}

.text table{border-left:1px solid #DDD; border-top:1px solid #DDD;}
.text table td{padding:5px; border-right:1px solid #DDD; border-bottom:1px solid #DDD;}

.ncity{display:inline-block; padding:4px 15px 5px 15px; border:1px solid #DDD; background:#FFF; margin-top:5px;}
.ncity:hover,.ncity:active{border:1px solid #009E78; background:#009E78; color:#FFF;}

.netlist{width:382px; float:left; margin-right:30px; border:1px solid #DDD;}
div.clear{clear:both; float:none; height:26px;}
.netlist .tit{padding:8px; background:url(images/net_tit_bg.png) repeat-x left bottom; font-weight:bold; color:#0066CC; border-bottom:1px solid #DDD;}
.netlist .con{padding:10px 15px; line-height:200%;}

.list{margin-top:20px;}
.list li{height:45px; border-bottom:1px solid #EEE;}
.list li a{float:left; height:45px; line-height:45px; background:url(images/arr.png) no-repeat left -49px; display:block; padding-left:24px;}
.list li a:hover,.news_list li a:active{background:url(images/arr.png) no-repeat left 15px; color:#008C69;}
.list li span{display:block; float:right; width:100px; text-align:right; line-height:45px; color:#999;}



.pagebtn { display:inline-block; border:1px solid #EEEEEE; padding:3px 12px; }
.pagebtn:hover, .pagebtn:active { border:1px solid #DDD; background:#F7F7F7; }
.trunpage { font-size:12px; padding:3px; border:1px solid #EEEEEE; text-align:center; }


#volunteer { display: block; text-align:left; width:100%; font-size:12px; color:#999; }
#volunteer .text { text-align: left; line-height: 18px; color: #999; padding: 10px 0px; border-bottom: 1px dotted #ccc; }
#volunteer .text span { color: #008C69; }
#volunteer #candidates { color: #008C69; }
#volunteer form { display: block; margin: 10px auto 0px auto; }
#volunteer form dl { width: 700px; text-align: left; padding: 0px; }
#volunteer form dl dt { width: 74px; line-height: 24px; color: #666; text-align: left; }
#volunteer form dl dt, #volunteer form dl dd { padding: 5px 0; }
#volunteer form dl dt span { color: #008C69; padding-left: 6px; }
#volunteer form dl dd { padding-left: 74px; margin-top: -34px; }
#volunteer form dl input, #volunteer form dl textarea { border: solid 1px #ddd; color: #888; padding: 2px; }
#volunteer form dl input { height: 18px; padding-left: 5px; font-family: "微软雅黑"; font-size: 12px; margin: 0px 5px 0px 0px; }
#volunteer form dl textarea { width: 70%; height: 120px; overflow: auto; padding: 5px; font-family: "微软雅黑"; font-size: 12px; }
#volunteer form dl .button input { width: auto; height: 30px; line-height: 30px; border: none; color: #fff; padding: 0px 25px; cursor: pointer; font-weight: bold; background: #666; font-family: "微软雅黑"; font-size: 14px; margin: 15px auto; }
#volunteer form dl .button input:hover { background: #008C69; }



.prolist_side, .prolist_side_son { padding:0; margin:0; list-style:none; zoom:1; }
.prolist_side li { position:relative; background:#FFF; zoom:1; overflow:hidden; }
.prolist_side li ul.close { display:none; }
.prolist_side li ul.open { display:block; }
.prolist_side li a { display:block; zoom:1; position:relative; padding:5px 0px 5px 10px; background:url(images/list_arr.gif) no-repeat left 9px; }
.prolist_side li a:hover, .prolist_side li a:active, .prolist_side li a.A { background:url(images/list_arr.gif) no-repeat left -83px; }
.prolist_side li a.A { color:#009E78; }
.prolist_side_son li a { border-left:1px solid #DDD; padding:5px 0px 5px 7px; background:none; }
.prolist_side_son li a:hover, .prolist_side_son li a:active, .prolist_side_son li a.A { border-left:1px solid #009E78; background:none; }
.prolist_side_son li a.A { color:#009E78; }

#tags_title { border-bottom:1px solid #DDD; background:url(images/title_bg_1.png) repeat-x left top; }
#tags_title a { border:1px solid #DDD; display:inline-block; background:#FFF; padding:4px 12px; font-size:18px; margin-bottom:-1px; position:relative; margin-left:5px; outline:none; }
#tags_title a.A { border-bottom:1px solid #FFF; color:#FF6600; font-weight:bold; }
#tags_content { margin-top:10px; }
#tags_content,#tags_content p { padding:5px 5px; line-height:200%; }